Chapter 1 Mac OS 8 Human Interface Overview 11Figure 1-1 Appearance control panel 14
Figure 1-2 Find File dialog box under platinum appearance 14
Figure 1-3 Find File dialog box with platinum appearance turned off 15
Figure 1-4 Color control in the Appearance control panel 16
Chapter 2 Control Guidelines 17
Figure 2-1 Push buttons in a dialog box 19
Figure 2-2 A highlighted push button 20
Figure 2-3 Standard and default states of push buttons 21
Figure 2-4 Radio buttons for selecting icon size 22
Figure 2-5 Radio button modes and states 23
Figure 2-6 Pop-up menu button in normal state 24
Figure 2-7 Pop-up menu button with displayed list 25
Figure 2-8 Checkbox modes and states 26
Figure 2-9 A set of checkboxes with concurrent selections 26
Figure 2-10 Bevel buttons with small, medium, and large bevels 27
Figure 2-11 Bevel button states 28
Figure 2-12 A pair of bevel buttons used as push buttons 29
Figure 2-13 Bevel buttons used as radio buttons in a toolbar 29
Figure 2-14 Bevel buttons used as checkboxes in a toolbar 30
Figure 2-15 A pop-up bevel button with sticky menu 30
Figure 2-16 A pop-up bevel button used with a slider 31
Figure 2-17 A slider and ghost indicator 32
Figure 2-18 A horizontal slider with vertical tick marks 32
Figure 2-19 A slider with directional information 32
Figure 2-20 Little arrows in various states 33
Figure 2-21 Little arrows used to control a RAM cache 34
Figure 2-22 Clock control displaying date 34
Figure 2-23 A disclosure triangle revealing additional information 35
Figure 2-24 Disclosure triangles used in Finder list view 36
Figure 2-25 A list box 37
Figure 2-26 A horizontal scroll bar 38
Figure 2-27 An edit text field with label 39
Figure 2-28 An edit text frame 39
Figure 2-29 A static text field in active and disabled states 40
Figure 2-30 Tab control with 12-point font labels 40
Figure 2-31 Tab control with 10-point font labels 41
Figure 2-32 Tab control with sides tucked under edge of content region 41
Figure 2-33 Tab control used in a modal dialog box 42
Figure 2-34 Tab control with tucked edges and a scrollable content area 42
Figure 2-35 A placard used to report information to the user 43
Figure 2-36 Iimage wells in enabled and selected states 44
Figure 2-37 An untitled primary group box 45
Figure 2-38 A titled primary group box 45
Figure 2-39 A primary group box with a pop-up menu title 46
Figure 2-40 A primary group box with a checkbox title 46
Figure 2-41 A secondary group box 47
Figure 2-42 A horizontal separator line 47
Figure 2-43 A Finder window using headers 48
Figure 2-44 A modeless dialog frame in active state 49
Figure 2-45 Progress indicators 49
Figure 2-46 Various states of asynchronous arrows 50
Chapter 3 Dialog Box Guidelines 51
Figure 3-1 The five types of dialog boxes 54
Figure 3-2 A movable modal dialog box 55
Figure 3-3 A modal dialog box 56
Figure 3-4 A movable alert box 57
Figure 3-5 An alert box 58
Figure 3-6 A note alert box 58
Figure 3-7 A caution alert box 59
Figure 3-8 A stop alert box 60
Figure 3-9 A modeless dialog box 61
Figure 3-10 Two open modeless dialog boxes 61
Figure 3-11 Edit text field with focus ring 62
Figure 3-12 Size of dialog box content regions 64
Figure 3-13 Measuring distance between controls 65
Figure 3-14 Alignment of text based on a 12-point Chicago standard letter 66
Figure 3-15 Spacing between groups of controls 67
Figure 3-16 Spacing of text in a push button 69
Figure 3-17 OK button showing standard push button size 69
Figure 3-18 Distance between vertically stacked buttons 70
Figure 3-19 Distance between horizontally placed buttons 70
Figure 3-20 Spacing of bevel buttons 71
Figure 3-21 Fixed dimensions of a checkbox 72
Figure 3-22 Checkbox height 72
Figure 3-23 Horizontal spacing of radio buttons 73
Figure 3-24 Spacing of icons used with radio buttons or checkboxes 74
Figure 3-25 Vertical spacing of pop-up menus 75
Figure 3-26 Horizontal spacing of paired pop-up menus and other controls 75
Figure 3-27 Visual layout measurements of controls in a group box 76
Figure 3-28 Spacing for nested secondary group box 77
Figure 3-29 Visual dimensions of a group box 78
Figure 3-30 Spacing and height of edit text fields 79
Figure 3-31 Progress indicator 79
Figure 3-32 Spacing of disclosure triangles 80
Figure 3-33 Right-alignment of dialog box item labels 81
Figure 3-34 Vertical spacing between static text fields and dialog box items 81
Figure 3-35 Placement of text title for a list box 82
Figure 3-36 Help button in lower left corner 83
Figure 3-37 Help button in upper right corner 83
Figure 4-1 Menu bar using platinum appearance 87
Figure 4-2 Help menu 88
Figure 4-3 A contextual menu 90
Chapter 5 Window Guidelines 93
Figure 5-1 Active window vs inactive window 96
Figure 5-2 Defining accent colors through the Appearance control panel 97
Figure 5-3 Structural components of standard document windows 98
Figure 5-4 Utility window 98
Figure 5-5 Tool palette with bevel buttons 99
Figure 5-6 Window in normal and collapsed states 100
Figure 5-7 Full zoom box 101
Figure 5-8 Vertical and horizontal zoom boxes 101
Chapter 6 Control Panel Guidelines 103
Figure 6-1 Using tab controls to navigate a multi-pane control panel 107
Figure 6-2 Using push buttons to navigate a multi-pane control panel 108
Figure 6-3 Using a scrolling list to navigate a multi-pane control panel 109
Figure 6-4 Using a pop-up menu to navigate a multi-pane control panel 110
Table 6-1 Multi-pane window navigation methods 111
Figure 6-5 A control panel with closed disclosure triangle 112
Figure 6-6 A control panel with open disclosure triangle 113
Figure 6-7 Desktop icons based on the standard control panel icon 114
Figure 6-8 The current keyboard equivalent and a button for redefining it 116
Figure 6-9 Changing the keyboard equivalent 117
Figure 6-10 Displaying the new keyboard equivalent combination 117
Figure 6-11 An alert for an invalid keyboard equivalent combination 118
Figure 6-12 Alert message in the Extensions Manager control panel 119
Figure 6-13 Saving and restoring globally in a multi-pane control panel 120
Figure 6-14 Saving and restoring sections in a multi-pane control panel 121
Figure 6-15 Access to a control panel from a control strip 122